@import url(/i/owl-carousel/owl.carousel.css);
@import url(/i/owl-carousel/owl.theme.css);
@import url(/i/owl-carousel/owl.transitions.css);
@import url(/i/css/animate.min.css);

.w {
    width: 1280px;
    margin: 0 auto
}

.fl {
    display: inline;
    float: left
}

.fr {
    display: inline;
    float: right
}

.clear {
    clear: both;
    width: 100%;
    height: 0px;
    line-height: 0px;
    font-size: 0px;
    margin: 0;
    padding: 0
}

.no_padding {
    margin: 0;
    padding: 0
}

.no_padding [class*="row"] {
    margin: 0;
    padding: 0
}

.no_padding [class*="col-"] {
    margin: 0;
    padding: 0
}

.text-center {
    text-align: center
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 0px
}

.pagination>li {
    display: inline
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 16px;
    margin-left: 0px;
    line-height: 1.42857143;
    color: #fff;
    text-decoration: none;
    background-color: #414141;
    border: none;
    font-size: 16px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-right: 15px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    z-index: 3;
    color: #fff;
    background: #0071c1
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #0071c1;
    border-color: #0071c1
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

@font-face {
    font-family: 'Geometric415BT-BlackA';
    src: url("../fonts/Geometric415BT-BlackA.eot");
    src: url("../fonts/Geometric415BT-BlackA.eot?#iefix") format("embedded-opentype"), url("../fonts/Geometric415BT-BlackA.woff") format("woff"), url("../fonts/Geometric415BT-BlackA.ttf") format("truetype"), url("../fonts/Geometric415BT-BlackA.svg#YourWebFontName") format("svg")
}

@font-face {
    font-family: 'impact';
    src: url("../fonts/impact.eot");
    src: url("../fonts/impact.eot?#iefix") format("embedded-opentype"), url("../fonts/impact.woff") format("woff"), url("../fonts/impact.ttf") format("truetype"), url("../fonts/impact.svg#YourWebFontName") format("svg")
}

@font-face {
    font-family: 'iconfont';
    src: url("//at.alicdn.com/t/font_mptsovrqruc2qpvi.eot");
    src: url("//at.alicdn.com/t/font_mptsovrqruc2qpvi.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_mptsovrqruc2qpvi.woff") format("woff"), url("//at.alicdn.com/t/font_mptsovrqruc2qpvi.ttf") format("truetype"), url("//at.alicdn.com/t/font_mptsovrqruc2qpvi.svg#iconfont") format("svg")
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale
}

.target-fix {
    position: relative;
    top: -100px;
    display: block;
    height: 0;
    overflow: hidden
}

header {
    height: 100px;
    background: #fff;
    -webkit-box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.1)
}

.logo {
    display: block;
    float: left;
    width: 171px;
    position: relative;
    z-index: 3
}

.top {
    float: right;
    width: 200px;
    position: relative;
    z-index: 3
}

.top .link {
    margin-top: 16px;
    text-align: right
}

.top .link a.btn {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.top .link a.btn span {
    display: none
}

.top .link a.btn.am-icon-weixin {
    color: #07b012;
    border: 1px solid #07b012;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px
}

.top .link a.btn.am-icon-weixin:hover {
    color: #0071c1;
    border-color: #0071c1
}

.top .link a.btn.am-icon-skype {
    color: #fff;
    background: #00aff0;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px
}

.top .link a.btn.am-icon-skype:hover {
    background: #0071c1
}

.top .search {
    height: 28px;
    margin-top: 13px;
    position: relative
}

.top .search .am-form .btn01 {
    width: 100%;
    height: 28px;
    border: 1px solid #afb8bf;
    font-size: 1.4rem;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1
}

.top .search .am-form .btn02 {
    width: 34px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    color: #afb8bf;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1
}

.top .search .am-form .btn02:hover {
    color: #0071c1
}

.top_qr_img {
    display: none;
    background: #fff;
    border: 1px solid #e5e5e5;
    line-height: 20px;
    position: absolute;
    right: 0px;
    top: 50px;
    z-index: 10000;
    text-align: center
}

.top_qr_img span {
    display: block;
    padding-bottom: 10px;
    font-size: 14px
}

nav {
    display: block;
    width: 100%;
    height: 100px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1
}

nav ul,
nav h3,
nav h4 {
    margin: 0;
    padding: 0
}

nav li {
    list-style-type: none
}

nav a {
    text-decoration: none
}

nav a:hover {
    text-decoration: none
}

nav .nav {
    position: relative
}

nav .nav ul.nav_ul {
    width: 900px;
    margin: 0 auto;
    padding-left: 20px
}

nav .nav li.m {
    display: block;
    float: left;
    text-align: center;
    height: 100px;
    padding: 0px 20px;
    position: relative
}

nav .nav li.m h3 {
    display: block;
    font-weight: normal
}

nav .nav li.m h3 a {
    display: block;
    font-size: 14px;
    color: #01243a;
    line-height: 100px;
    cursor: pointer
}

nav .nav li.on {
    border-bottom: 3px solid #0071c1
}

nav .nav li.on h3 a {
    color: #0071c1
}

nav .nav li.m1 {
    position: static
}

nav .nav .sub {
    display: none;
    width: 100%;
    line-height: 30px;
    text-align: left;
    padding: 15px;
    position: absolute;
    left: 0px;
    top: 100px;
    background: url(../img/nav_sub_bg.png) repeat;
    -moz-border-bottom-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px
}

nav .nav .sub ul {
    margin: 0;
    padding: 0
}

nav .nav .sub ul li {
    display: block;
    text-align: center
}

nav .nav .sub ul li a {
    color: #6e6e6e;
    font-size: 12px;
    line-height: 30px
}

nav .nav .sub ul li a:hover {
    color: #0071c1
}

nav .nav .sub01 {
    padding: 30px
}

nav .nav .sub01 .w .sub01_01 {
    float: left;
    width: 1020px
}

nav .nav .sub01 .w .sub01_01 ul {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden
}

nav .nav .sub01 .w .sub01_01 ul li {
    float: left;
    width: 150px;
    margin-right: 20px
}

nav .nav .sub01 .w .sub01_01 ul li a {
    display: block;
    color: #444
}

nav .nav .sub01 .w .sub01_01 ul li a b {
    font-size: 14px;
    padding-bottom: 20px;
    font-weight: normal
}

nav .nav .sub01 .w .sub01_01 ul li a img {
    width: 150px;
    height: 110px
}

nav .nav .sub01 .w .sub01_01 ul li a:hover {
    color: #0071c1
}

nav .nav .sub01 .w .sub01_02 {
    float: right;
    width: 240px;
    padding-top: 3px
}

nav .nav .sub01 .w .sub01_02 a {
    display: block;
    color: #444;
    font-size: 12px;
    line-height: 24px
}

nav .nav .sub01 .w .sub01_02 a b {
    font-size: 14px;
    font-weight: normal
}

nav .nav .sub01 .w .sub01_02 a:hover {
    color: #0071c1
}

nav .nav .sub01 .w .sub01_02 ul li {
    text-align: left;
    padding-left: 10px
}

nav .nav .sub01 .w .sub01_02 ul li a {
    color: #6e6e6e
}

nav .nav .sub01 .w .sub01_02 ul li a:hover {
    color: #0071c1
}

nav .nav .subc12 {
    width: 200px;
    border-top: 3px solid #0071c1;
    margin-top: -3px
}

nav .nav .subc12 ul li {
    text-align: left
}

nav .nav .subc34,
nav .nav .subc35 {
    margin: 0;
    padding: 0;
    display: none;
    height: 0;
    line-height: 0;
    font-size: 0;
    background: none
}

#index_banner .item img {
    display: block;
    width: 100%;
    height: auto
}

#index_banner .owl-controls {
    margin: 0;
    width: 100%;
    text-align: center;
    height: 16px;
    position: absolute;
    bottom: 20px
}

#index_banner .owl-controls .owl-page span {
    margin: 0 10px;
    width: 14px;
    height: 14px;
    background: none;
    border: 1px solid #0071c1;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    opacity: 1;
    filter: alpha(opacity=100)
}

#index_banner .owl-controls .active span {
    background: #0071c1
}

.in_t {
    margin: 0;
    padding: 0;
    display: block;
    color: #1c1c1c;
    text-align: center
}

.in_t em {
    font-family: "Geometric415BT-BlackA";
    font-size: 28px;
    font-style: normal
}

.in_t i {
    display: block;
    width: 38px;
    height: 3px;
    line-height: 3px;
    background: #8d8d8d;
    margin: 10px auto
}

.in_t span {
    display: block;
    font-size: 22px;
    font-weight: bold
}

.in_pro {
    background: #f1f1f1;
    padding: 50px 0px 35px
}

.in_pro .list {
    margin: 35px auto;
    width: 1110px
}

.in_pro .list ul {
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    overflow: hidden
}

.in_pro .list ul li {
    display: block;
    float: left;
    width: 185px
}

.in_pro .list ul li a {
    display: block
}

.in_pro .list ul li a span {
    display: block;
    width: 110px;
    height: 110px;
    margin: 0 auto 20px;
    text-align: center;
    line-height: 110px;
    background: #0071c1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -moz-border-radius: 55px;
    -webkit-border-radius: 55px;
    border-radius: 55px;
    background-image: url(../img/c.png);
    background-repeat: no-repeat
}

.in_pro .list ul li a span.b01 {
    background-position: 0px 0px
}

.in_pro .list ul li a span.b02 {
    background-position: -110px 0px
}

.in_pro .list ul li a span.b03 {
    background-position: -220px 0px
}

.in_pro .list ul li a span.b04 {
    background-position: -330px 0px
}

.in_pro .list ul li a span.b05 {
    background-position: -440px 0px
}

.in_pro .list ul li a span.b06 {
    background-position: -550px 0px
}

.in_pro .list ul li a b {
    display: block;
    font-size: 16px;
    color: #000
}

.in_pro .list ul li a em {
    display: block;
    font-size: 14px;
    color: #7c7c7c;
    font-style: normal
}

.in_pro .list ul li a:hover span {
    background: #fff;
    background-image: url(../img/c.png);
    background-repeat: no-repeat;
    -webkit-box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.1)
}

.in_pro .list ul li a:hover span.b01 {
    background-position: 0px -110px
}

.in_pro .list ul li a:hover span.b02 {
    background-position: -110px -110px
}

.in_pro .list ul li a:hover span.b03 {
    background-position: -220px -110px
}

.in_pro .list ul li a:hover span.b04 {
    background-position: -330px -110px
}

.in_pro .list ul li a:hover span.b05 {
    background-position: -440px -110px
}

.in_pro .list ul li a:hover span.b06 {
    background-position: -550px -110px
}

.in_pro_tab {
    width: 1110px;
    margin: 0 auto
}

.in_pro_tab .hd {
    margin: 35px auto;
    width: 100%
}

.in_pro_tab .hd ul {
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    overflow: hidden
}

.in_pro_tab .hd ul li {
    display: block;
    float: left;
    width: 185px
}

.in_pro_tab .hd ul li a {
    display: block
}

.in_pro_tab .hd ul li a span {
    display: block;
    width: 110px;
    height: 110px;
    margin: 0 auto 20px;
    text-align: center;
    line-height: 110px;
    background: #0071c1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -moz-border-radius: 55px;
    -webkit-border-radius: 55px;
    border-radius: 55px;
    background-image: url(../img/c.png);
    background-repeat: no-repeat
}

.in_pro_tab .hd ul li a span.b01 {
    background-position: 0px 0px
}

.in_pro_tab .hd ul li a span.b02 {
    background-position: -110px 0px
}

.in_pro_tab .hd ul li a span.b03 {
    background-position: -220px 0px
}

.in_pro_tab .hd ul li a span.b04 {
    background-position: -330px 0px
}

.in_pro_tab .hd ul li a span.b05 {
    background-position: -440px 0px
}

.in_pro_tab .hd ul li a span.b06 {
    background-position: -550px 0px
}

.in_pro_tab .hd ul li a b {
    display: block;
    font-size: 16px;
    color: #000
}

.in_pro_tab .hd ul li a em {
    display: block;
    font-size: 14px;
    color: #7c7c7c;
    font-style: normal
}

.in_pro_tab .hd ul li.on span,
.in_pro_tab .hd ul li a:hover span {
    background: #fff;
    background-image: url(../img/c.png);
    background-repeat: no-repeat;
    -webkit-box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.1)
}

.in_pro_tab .hd ul li.on span.b01,
.in_pro_tab .hd ul li a:hover span.b01 {
    background-position: 0px -110px
}

.in_pro_tab .hd ul li.on span.b02,
.in_pro_tab .hd ul li a:hover span.b02 {
    background-position: -110px -110px
}

.in_pro_tab .hd ul li.on span.b03,
.in_pro_tab .hd ul li a:hover span.b03 {
    background-position: -220px -110px
}

.in_pro_tab .hd ul li.on span.b04,
.in_pro_tab .hd ul li a:hover span.b04 {
    background-position: -330px -110px
}

.in_pro_tab .hd ul li.on span.b05,
.in_pro_tab .hd ul li a:hover span.b05 {
    background-position: -440px -110px
}

.in_pro_tab .hd ul li.on span.b06,
.in_pro_tab .hd ul li a:hover span.b06 {
    background-position: -550px -110px
}

.in_pro_tab .bd ul {
    margin: 0;
    padding: 0;
    zoom: 1;
    width: 100%;
    height: 380px;
    margin: 0 auto;
    overflow: hidden
}

.in_pro_tab .bd ul li {
    list-style-type: none
}

.in_pro_tab .bd ul li.item .thumb {
    float: left;
    width: 495px
}

.in_pro_tab .bd ul li.item .txt {
    float: right;
    width: 520px;
    margin-right: 60px;
    padding-top: 95px
}

.in_pro_tab .bd ul li.item .txt b.t {
    font-size: 2.6rem;
    font-weight: normal;
    color: #000
}

.in_pro_tab .bd ul li.item .txt .des {
    display: block;
    height: 90px;
    line-height: 30px;
    overflow: hidden;
    margin: 20px 0px;
    font-size: 1.4rem;
    color: #797979
}

.in_pro_tab .bd ul li.item .txt a.more {
    color: #0071c1;
    font-size: 1.2rem
}

.in_gallery {
    padding: 50px 0px 35px
}

.in_gallery .list {
    margin: 0;
    padding: 0;
    margin-top: 40px
}

.in_gallery .list [class*="am-"] {
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden
}

.in_gallery .in_g_box03 img {
    position: absolute;
    left: 0px;
    top: 50%;
    width: 100%
}

.in_gallery .in_g_box01,
.in_gallery .in_g_box02,
.in_gallery .in_g_box03 {
    cursor: pointer
}

.in_gallery .in_g_box01 .des,
.in_gallery .in_g_box02 .des,
.in_gallery .in_g_box03 .des {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px
}

.in_gallery .in_g_box01 .des,
.in_gallery .in_g_box02 .des,
.in_gallery .in_g_box03 .des {
    z-index: 2;
    text-align: center;
    color: #fff
}

.in_gallery .in_g_box01 .des b,
.in_gallery .in_g_box02 .des b,
.in_gallery .in_g_box03 .des b {
    font-size: 20px;
    font-weight: normal
}

.in_gallery .in_g_box01 .des p,
.in_gallery .in_g_box02 .des p,
.in_gallery .in_g_box03 .des p {
    display: none;
    font-size: 1.4rem;
    line-height: 2.5rem
}

.in_gallery .in_g_box01 .des a,
.in_gallery .in_g_box02 .des a,
.in_gallery .in_g_box03 .des a {
    display: block;
    width: 100px;
    height: 32px;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    margin: 10px auto
}

.in_gallery .in_g_box01 .bg,
.in_gallery .in_g_box02 .bg,
.in_gallery .in_g_box03 .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: #0071c1;
    z-index: 1;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.in_gallery .in_g_box01:hover .des,
.in_gallery .in_g_box02:hover .des,
.in_gallery .in_g_box03:hover .des {
    display: block
}

.in_gallery .in_g_box01:hover .bg,
.in_gallery .in_g_box02:hover .bg,
.in_gallery .in_g_box03:hover .bg {
    opacity: .85;
    filter: alpha(opacity=85)
}

.in_gallery .in_g_box02 .des p {
    display: block;
    height: 100px;
    padding: 0px 20px
}

.in_gallery .in_g_box02 img {
    width: 100%;
    height: 100%
}

.in_gallery a.more {
    display: block;
    width: 145px;
    margin: 55px auto 0px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #0071c1;
    color: #fff
}

@media screen and (min-width: 1826px) {

    .in_gallery .in_g_box01 .des p,
    .in_gallery .in_g_box02 .des p,
    .in_gallery .in_g_box03 .des p {
        display: block;
        height: 7.5rem;
        padding: 0px 20px;
        overflow: hidden
    }
}

.in_intro {
    padding: 50px 0px;
    background: url(../img/bg_in_intro.jpg) center top no-repeat #fff
}

.in_intro .in_t {
    color: #fff
}

.in_intro .in_t i {
    background: #fff
}

.in_intro .des {
    width: 1030px;
    margin: 15px auto 38px;
    font-size: 1.4rem;
    color: #bebebe;
    text-align: center;
    line-height: 2.5rem
}

.in_intro .ico {
    margin: 35px auto;
    width: 1140px
}

.in_intro .ico ul {
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    overflow: hidden
}

.in_intro .ico ul li {
    display: block;
    float: left;
    width: 285px;
    border-right: 1px solid #535353
}

.in_intro .ico ul li:last-child {
    border-right: none
}

.in_intro .ico ul li span {
    display: block;
    width: 65px;
    height: 65px;
    margin: 0 auto 10px;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background-image: url(../img/c.png);
    background-repeat: no-repeat
}

.in_intro .ico ul li span.b01 {
    background-position: 0px -300px
}

.in_intro .ico ul li span.b02 {
    background-position: 0px -365px
}

.in_intro .ico ul li span.b03 {
    background-position: 0px -430px
}

.in_intro .ico ul li span.b04 {
    background-position: 0px -495px
}

.in_intro .ico ul li b {
    display: block;
    font-size: 18px;
    color: #fff
}

.in_intro .ico ul li b i {
    font-family: 'impact';
    font-size: 24px;
    font-style: normal;
    font-weight: normal
}

.in_intro .ico ul li em {
    display: block;
    font-size: 14px;
    color: #acacac;
    font-style: normal
}

.in_intro .list {
    width: 1030px;
    margin: 0 auto;
    background: #fff;
    border-top: 5px solid #fff;
    border-left: 5px solid #fff
}

.in_intro .list .am-g .am-u-sm-3 {
    padding: 0px;
    overflow: hidden;
    border-right: 5px solid #fff;
    border-bottom: 5px solid #fff
}

.in_intro .list .am-g .txt {
    background: #f1f1f1;
    text-align: center
}

.in_intro .list .am-g .txt b {
    font-size: 1.6rem
}

.in_intro .list .am-g .txt i {
    display: block;
    width: 28px;
    height: 2px;
    background: #0071c1;
    margin: 10px auto
}

.in_intro .list .am-g .txt p {
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #8c8c8c
}

.in_intro .list .am-g .txt em {
    font-style: normal;
    color: #0071c1;
    font-size: 18px;
    font-family: arial;
    font-weight: bold
}

.in_intro .list .am-g .more {
    text-align: center;
    background: #f1f1f1;
    position: relative
}

.in_intro .list .am-g .more .link01 {
    font-size: 12px;
    font-weight: bold;
    color: #000;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.in_intro .list .am-g .more .link01:hover {
    color: #0071c1
}

.in_intro .list .am-g .more .link02 {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #313131;
    color: #fff;
    position: absolute;
    left: 0px;
    bottom: 0px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.in_intro .list .am-g .more .link02 .am-icon-plus {
    color: #fff;
    font-size: 1.6rem;
    font-weight: normal
}

.in_intro .list .am-g .more .link02:hover {
    background: #0071c1
}

.in_intro .list .am-g .culture {
    background: #0071c1;
    text-align: center
}

.in_intro .list .am-g .culture a {
    display: block;
    font-size: 1.8rem;
    color: #fff
}

.in_intro .list .am-g .culture a span {
    display: block;
    width: 38px;
    height: 38px;
    border: 1px solid #fff;
    margin: 0 auto 10px;
    text-align: center;
    line-height: 36px;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.in_intro .list .am-g .culture a span i {
    font-size: 1.8rem
}

.in_intro .list .am-g .culture a:hover span {
    background: #fff;
    color: #0071c1
}

.in_customer {
    padding: 50px 0px 35px;
    background: #f1f1f1
}

.in_customer .list {
    margin-top: 40px;
    margin-bottom: 35px
}

.in_customer .list ul {
    margin: 0;
    padding: 0
}

.in_customer .list ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center
}

.in_customer .list ul li a {
    display: block;
    padding: 50px 0px 0px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.in_customer .list ul li a span {
    display: block;
    width: 110px;
    height: 110px;
    margin: 0 auto 20px;
    text-align: center;
    line-height: 110px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -moz-border-radius: 55px;
    -webkit-border-radius: 55px;
    border-radius: 55px;
    border: 5px solid #000;
    background-image: url(../img/c.png);
    background-repeat: no-repeat
}

.in_customer .list ul li a span.b01 {
    background-position: 0px -700px
}

.in_customer .list ul li a span.b02 {
    background-position: -100px -700px
}

.in_customer .list ul li a span.b03 {
    background-position: -200px -700px
}

.in_customer .list ul li a span.b04 {
    background-position: -300px -700px
}

.in_customer .list ul li a span.b05 {
    background-position: -400px -700px
}

.in_customer .list ul li a span.b06 {
    background-position: -500px -700px
}

.in_customer .list ul li a b {
    font-size: 20px;
    color: #1b1b1b;
    font-weight: normal
}

.in_customer .list ul li a p.des {
    display: block;
    margin: 30px 0px 10px;
    padding: 0px 15px;
    height: 60px;
    line-height: 20px;
    font-size: 12px;
    color: #656565
}

.in_customer .list ul li a p.more {
    margin: 0;
    padding: 0;
    padding: 10px 0px 20px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.in_customer .list ul li a p.more i.line {
    display: block;
    width: 30px;
    height: 1px;
    margin: 0 auto;
    background: #949494
}

.in_customer .list ul li a p.more em {
    display: block;
    text-align: center;
    color: #949494;
    font-size: 12px;
    font-style: normal;
    margin: 20px 0px
}

.in_customer .list ul li a p.more i.am-icon-chevron-down {
    display: block;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    margin: 0 auto;
    background: #b4b4b4;
    color: #fff;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px
}

.in_customer .list ul li a:hover {
    background: #fff;
    -webkit-box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.1)
}

.in_customer .list ul li a:hover span {
    background-image: url(../img/c.png);
    background-repeat: no-repeat;
    border-color: #0071c1
}

.in_customer .list ul li a:hover span.b01 {
    background-position: 0px -600px
}

.in_customer .list ul li a:hover span.b02 {
    background-position: -100px -600px
}

.in_customer .list ul li a:hover span.b03 {
    background-position: -200px -600px
}

.in_customer .list ul li a:hover span.b04 {
    background-position: -300px -600px
}

.in_customer .list ul li a:hover span.b05 {
    background-position: -400px -600px
}

.in_customer .list ul li a:hover span.b06 {
    background-position: -500px -600px
}

.in_customer .list ul li a:hover p.more {
    background: #0071c1
}

.in_customer .list ul li a:hover p.more i.line {
    background: #fff
}

.in_customer .list ul li a:hover p.more em {
    color: #fff
}

.in_customer .list ul li a:hover p.more i.am-icon-chevron-down {
    background: #fff;
    color: #0071c1
}

footer {
    background: #2c2f34
}

footer .link {
    padding: 40px 0px
}

footer .link dl {
    margin: 0;
    padding: 0
}

footer .link dl.ft_nav {
    float: left;
    width: 230px;
    border-right: 1px solid #1d2025;
    padding: 0px 40px
}

footer .link dl.ft_nav:first-child {
    padding-left: 0
}

footer .link dl.ft_contact {
    float: right;
    width: 340px;
    padding: 0px 0px 0px 40px
}

footer .link dl.ft_contact .txt {
    color: #6d737c;
    line-height: 2.8rem;
    font-size: 1.2rem
}

footer .link dl a:hover {
    color: #fff
}

footer .link dt {
    margin-top: .5rem
}

footer .link dt h3 {
    margin: 0;
    padding: 0;
    line-height: 25px
}

footer .link dt h3 a {
    font-size: 1.6rem;
    color: #cbcbcb
}

footer .link dd {
    margin: 0;
    padding: 0;
    padding-top: 1rem
}

footer .link dd ul {
    margin: 0;
    padding: 0
}

footer .link dd ul li a {
    font-size: 12px;
    color: #6d737c;
    line-height: 2.8rem
}

footer .copy {
    background: #000;
    height: 48px;
    line-height: 48px;
    font-size: 1.2rem;
    color: #6d737c
}

footer .copy a {
    color: #6d737c
}

footer .copy a:hover {
    color: #fff
}

.intro_about {
    padding: 50px 0px 70px;
    background: url(../img/intro_about_bg.jpg) center center no-repeat
}

.intro_about .des {
    width: 1200px;
    margin: 0 auto;
    padding: 60px 0px 0px
}

.intro_about .des .img {
    float: left;
    width: 460px;
    margin-left: 45px
}

.intro_about .des .txt {
    float: right;
    width: 560px;
    margin-right: 30px;
    font-size: 1.4rem;
    color: #4a4a4a;
    line-height: 2.5rem
}

.intro_about .des .txt a.more {
    display: block;
    width: 115px;
    margin: 20px 0px 0px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #0071c1;
    color: #0071c1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.intro_about .des .txt a.more:hover {
    background: #0071c1;
    color: #fff
}

.intro_team {
    padding: 50px 0px 35px
}

.intro_team .list {
    width: 1132px;
    margin: 65px auto 50px;
    overflow: hidden
}

.intro_team .list ul {
    margin: 0;
    padding: 0;
    width: 1172px;
    overflow: hidden
}

.intro_team .list ul li {
    display: block;
    float: left;
    width: 253px;
    height: 340px;
    margin-right: 40px;
    overflow: hidden;
    position: relative;
    cursor: pointer
}

.intro_team .list ul li .txt {
    display: block;
    width: 100%;
    height: 340px;
    text-align: center;
    color: #fff;
    background: url(../img/blue_bg.png) repeat;
    position: absolute;
    left: 0px;
    top: 300px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.intro_team .list ul li .txt b {
    height: 40px;
    line-height: 40px;
    font-size: 18px
}

.intro_team .list ul li .txt .des {
    font-size: 12px;
    line-height: 22px
}

.intro_team .list ul li .txt .des p {
    margin: 0;
    padding: 0
}

.intro_team .list ul li:hover .txt {
    top: 0px;
    padding: 10px 0px 0px
}

.intro_team .list ul li:hover .txt i {
    display: block;
    width: 36px;
    height: 3px;
    margin: 10px auto;
    background: #fff
}

.intro_culture {
    padding: 70px 0px 160px;
    background: url(../img/intro_culture_bg.jpg) center center no-repeat
}

.intro_culture .list {
    width: 1128px;
    margin: 0 auto
}

.intro_culture .list ul {
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    overflow: hidden
}

.intro_culture .list ul li {
    display: block;
    float: left;
    width: 282px
}

.intro_culture .list ul li span {
    display: block;
    width: 125px;
    height: 135px;
    margin: 0 auto 35px;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background-image: url(../img/intro_culture_ico.png);
    background-repeat: no-repeat
}

.intro_culture .list ul li span.b01 {
    background-position: 0px 0px
}

.intro_culture .list ul li span.b02 {
    background-position: 0px -135px
}

.intro_culture .list ul li span.b03 {
    background-position: 0px -270px
}

.intro_culture .list ul li span.b04 {
    background-position: 0px -405px
}

.intro_culture .list ul li b {
    display: block;
    font-size: 16px;
    color: #222
}

.intro_culture .list ul li i {
    display: block;
    width: 45px;
    height: 3px;
    background: #707070;
    margin: 15px auto
}

.intro_culture .list ul li em {
    display: block;
    font-size: 14px;
    color: #4c4c4c;
    font-style: normal
}

.intro_program {
    padding: 70px 0px
}

.intro_program .des {
    width: 1280px;
    margin: 0 auto
}

.intro_honor {
    padding: 70px 0px;
    background: #f0f0f0
}

.honor_list {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    zoom: 1;
    padding-top: 50px
}

.honor_list .ohbox {
    overflow: hidden;
    width: 1120px;
    margin: 0 auto
}

.honor_list .ohbox .piclist {
    margin: 0;
    padding: 0;
    overflow: hidden;
    zoom: 1
}

.honor_list .ohbox .piclist li {
    float: left;
    display: inline;
    width: 280px;
    overflow: hidden;
    cursor: pointer;
    position: relative
}

.honor_list .ohbox .piclist li a {
    display: block;
    width: 222px;
    height: 299px;
    background: url(../img/honor_bg.png) 0 0 no-repeat;
    padding: 31px 28px;
    overflow: hidden;
    margin: 0 auto
}

.honor_list .ohbox .piclist li a img {
    width: 100%;
    height: 100%
}

.honor_list .pageBtn .list {
    overflow: hidden;
    zoom: 1;
    margin: 30px 0px;
    padding: 0;
    text-align: center
}

.honor_list .pageBtn .list li {
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-right: 12px;
    overflow: hidden;
    text-indent: -9999px;
    overflow: hidden;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #0071c1
}

.honor_list .pageBtn .list li.on {
    background: #0071c1
}

.honor_list a.arrow {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 160px;
    background: url(../img/c.png) no-repeat #fff;
    cursor: pointer;
    text-indent: -999em;
    overflow: hidden;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px
}

.honor_list a.arrow.prev {
    left: 0px;
    background-position: -500px -340px
}

.honor_list a.arrow.prev:hover {
    background-position: -540px -340px;
    background-color: #0071c1
}

.honor_list a.arrow.next {
    right: 0px;
    background-position: -500px -300px
}

.honor_list a.arrow.next:hover {
    background-position: -540px -300px;
    background-color: #0071c1
}

.intro_quality {
    padding: 70px 0px
}

.intro_quality .w {
    width: 1080px;
    margin: 40px auto 0px
}

.intro_quality .w .fl,
.intro_quality .w .fr {
    width: 530px
}

.intro_quality .w .fl b.t,
.intro_quality .w .fr b.t {
    display: block;
    font-size: 18px;
    color: #0071c1;
    padding: 10px 0px
}

.intro_quality .w table tr td {
    font-size: 14px;
    vertical-align: top;
    color: #7a7a7a;
    line-height: 24px
}

.intro_quality .w table tr td.t01 {
    width: 100px
}

.intro_talent {
    padding: 70px 0px;
    background: url(../img/intro_talent_bg.png) center top no-repeat #f5f5f5
}

.talent_list {
    width: 1200px;
    margin: 40px auto 0;
    overflow: hidden
}

.talent_list ul {
    margin: 0;
    padding: 0;
    width: 1240px;
    overflow: hidden
}

.talent_list ul li {
    display: block;
    float: left;
    width: 208px;
    height: 388px;
    margin-right: 40px;
    position: relative
}

.talent_list ul li .thumb {
    display: block;
    width: 208px;
    height: 300px;
    position: absolute;
    left: 0px;
    top: 0px
}

.talent_list ul li i.line {
    display: block;
    width: 36px;
    height: 3px;
    background: #0071c1;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 320px;
    margin-left: -18px
}

.talent_list ul li .txt {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #0071c1;
    position: absolute;
    left: 0px;
    top: 323px
}

.talent_list ul li.sec .thumb {
    top: auto;
    bottom: 0px
}

.talent_list ul li.sec i.line {
    top: 65px
}

.talent_list ul li.sec .txt {
    top: 26px
}

.sec_cate {
    margin: 0;
    padding: 0;
    text-align: center;
    padding: 40px 0px;
    background: #fff
}

.sec_cate li {
    display: inline-block;
    width: 168px;
    height: 38px
}

.sec_cate li a {
    display: block;
    width: 158px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: #e8e8e8;
    color: #010101;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    font-size: 14px
}

.sec_cate li a:hover,
.sec_cate li a.cur {
    background: #0071c1;
    color: #fff
}

.news {
    padding: 50px 0px
}

.news .list {
    border-top: 1px solid #e5e5e5
}

.news .list ul {
    margin: 0;
    padding: 0
}

.news .list ul li {
    display: block;
    padding: 39px 0px;
    border-bottom: 1px solid #e5e5e5
}

.news .list ul li a {
    display: block;
    height: 155px
}

.news .list ul li a span {
    display: block;
    height: 155px
}

.news .list ul li a span.thumb {
    float: right;
    width: 255px;
    height: 155px;
    overflow: hidden
}

.news .list ul li a span.thumb img {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.news .list ul li a span.txt {
    float: left;
    width: 740px;
    height: 155px
}

.news .list ul li a span.txt i.time {
    display: block;
    font-style: normal;
    font-size: 1.2rem;
    color: #c2c3c3;
    font-weight: bold;
    height: 25px;
    line-height: 25px
}

.news .list ul li a span.txt b {
    display: block;
    font-size: 2.4rem;
    color: #000;
    font-weight: normal;
    height: 50px;
    line-height: 50px;
    overflow: hidden
}

.news .list ul li a span.txt p {
    margin: 0;
    padding: 0;
    display: block;
    height: 48px;
    line-height: 24px;
    overflow: hidden;
    color: #555;
    font-size: 1.4rem
}

.news .list ul li a span.txt i.more {
    display: block;
    color: #0071c1;
    padding-top: 20px;
    font-style: normal;
    font-size: 1.2rem;
    font-weight: bold
}

.news .list ul li a:hover span.thumb img {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05)
}

.news .list ul li a:hover span.txt i,
.news .list ul li a:hover span.txt b,
.news .list ul li a:hover span.txt p {
    color: #0071c1
}

.news .detail {
    background: #fff;
    color: #000;
    padding: 50px 0 0
}

.news .detail h1.h3_t {
    display: block;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    margin: 0 0 15px 0
}

.news .detail .info {
    text-align: center;
    color: #989898;
    font-size: 12px;
    border-bottom: 1px solid #d4d4d4;
    line-height: 25px
}
.news .detail img{
    max-width: 100%;
}

.news .detail .news_d_w {
    padding: 40px 0px;
    line-height: 250%;
    font-size: 14px
}

.news .detail .news_video {
    width: 800px;
    margin: 0 auto
}

.updown {
    font-size: 12px;
    color: #6a6a6a;
    line-height: 30px
}

.updown a {
    text-decoration: none;
    color: #6a6a6a
}

.updown a:hover {
    color: #0071c1
}

.jwlogo {
    display: none
}

.bdsharebuttonbox {
    color: #333;
    padding-top: 30px
}

.bdsharebuttonbox a {
    text-decoration: none;
    color: #333
}

.bdsharebuttonbox a:hover {
    color: #0071c1
}

a.back {
    display: block;
    width: 138px;
    height: 38px;
    line-height: 36px;
    text-align: center;
    border: 1px solid #0071c1;
    color: #0071c1;
    margin: 20px auto 0px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

a.back:hover {
    background: #0071c1;
    color: #fff
}

.service_presales {
    background: #0071c1;
    padding: 55px 0px
}

.service_presales .in_t {
    color: #fff
}

.service_presales .in_t i {
    background: #fff
}

.service_aftersales {
    padding: 55px 0px
}

.list_service {
    width: 1020px;
    margin: 75px auto 0px
}

.list_service ul {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden
}

.list_service ul li {
    display: block;
    float: left;
    width: 340px;
    text-align: center;
    color: #fff
}

.list_service ul li b {
    display: block;
    font-size: 20px;
    padding: 30px 0px
}

.list_service ul li p {
    margin: 0;
    padding: 0;
    display: block;
    height: 60px;
    line-height: 20px;
    font-size: 12px;
    padding: 0px 30px
}

.list_service a.more {
    display: block;
    width: 140px;
    height: 44px;
    line-height: 42px;
    text-align: center;
    border: 1px solid #fff;
    color: #fff;
    margin: 70px auto 0;
    font-size: 14px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.list_service a.more:hover {
    background: #fff;
    color: #0071c1
}

.service_aftersales .list_service ul li {
    color: #1f1c1c
}

.service_aftersales .list_service ul li p {
    color: #555
}

.service_aftersales .list_service a.more {
    border-color: #0071c1;
    color: #0071c1
}

.service_aftersales .list_service a.more:hover {
    background: #0071c1;
    color: #fff
}

.page_doc {
    padding: 50px 0px
}

.page_doc .w {
    line-height: 200%;
    padding: 20px 0px
}

.list_customers ul {
    margin: 0;
    padding: 0
}

.list_customers ul li {
    display: block;
    background: #f8f8f8
}

.list_customers ul li a {
    display: block;
    height: 350px
}

.list_customers ul li a span {
    display: block
}

.list_customers ul li a span.thumb {
    float: left;
    width: 640px;
    height: 350px;
    overflow: hidden
}

.list_customers ul li a span.thumb img {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.list_customers ul li a span.txt {
    float: right;
    width: 640px;
    height: 350px;
    padding: 70px 40px 0px
}

.list_customers ul li a span.txt b {
    font-size: 20px;
    color: #555
}

.list_customers ul li a span.txt i {
    display: block;
    width: 40px;
    height: 3px;
    background: #0071c1;
    margin: 15px 0px 25px
}

.list_customers ul li a span.txt p {
    margin: 0;
    padding: 0;
    display: block;
    height: 75px;
    line-height: 25px;
    overflow: hidden;
    font-size: 14px;
    color: #555
}

.list_customers ul li a span.txt em {
    display: block;
    margin-top: 45px;
    font-size: 12px;
    color: #7a7a7a;
    font-style: normal
}

.list_customers ul li a:hover span.thumb img {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05)
}

.list_customers ul li a:hover span.txt b,
.list_customers ul li a:hover span.txt p,
.list_customers ul li a:hover span.txt em {
    color: #0071c1
}

.list_customers ul li.sec span.thumb {
    float: right
}

.list_customers ul li.sec span.txt {
    float: left
}

.page_hightech {
    padding: 50px 0px 0px
}

.list_hightech {
    width: 100%;
    margin-top: 50px
}

.list_hightech ul {
    margin: 0;
    padding: 0
}

.list_hightech ul li {
    display: block;
    padding: 95px 0px;
    background: #f8f8f8
}

.list_hightech ul li .thumb {
    float: left;
    width: 400px;
    height: 260px;
    margin-left: 32px
}

.list_hightech ul li .txt {
    float: right;
    width: 685px;
    height: 260px;
    overflow: hidden
}

.list_hightech ul li .txt b.t {
    display: block;
    font-size: 22px;
    color: #0071c1;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #e5e5e5
}

.list_hightech ul li .txt .des {
    padding-top: 30px;
    font-size: 14px;
    color: #555;
    line-height: 30px
}

.list_hightech ul li.sec {
    background: #fff
}

.page_contact {
    padding: 50px 0px 120px;
    background: url(../img/contact_bg.jpg) center top no-repeat
}

.page_contact .in_t {
    color: #fff
}

.page_contact .in_t i {
    background: #fff
}

.page_contact .w {
    margin-top: 70px;
    width: 990px
}

.page_contact .w .t {
    display: block;
    font-size: 14px;
    color: #0071c1
}

.page_contact .w .t i {
    display: block;
    width: 22px;
    height: 2px;
    background: #bfbfbf;
    margin-top: 11px
}

.page_contact .w .col01 {
    float: left;
    width: 320px;
    height: 560px;
    padding: 30px;
    background: #fff;
    color: #555
}

.page_contact .w .col01 .txt01 {
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
    margin: 30px 0px
}

.page_contact .w .col01 .txt01 td {
    padding: 5px 0px
}

.page_contact .w .col01 .txt01 td img {
    padding-right: 10px
}

.page_contact .w .col01 .txt02 {
    font-size: 12px
}

.page_contact .w .col01 .txt02 .ke-zeroborder {
    border-top: 1px solid #e5e5e5
}

.page_contact .w .col01 .txt02 .ke-zeroborder td {
    padding: 10px 0px
}

.page_contact .w .col01 .txt02 .ke-zeroborder td img {
    padding-right: 10px
}

.page_contact .w .col02 {
    width: 650px;
    float: right
}

.page_contact .w .col02_1,
.page_contact .w .col02_2 {
    float: left;
    width: 315px;
    height: 380px;
    margin: 0px 20px 20px 0px;
    background: #f8f8f8
}

.page_contact .w .col02_1 .des,
.page_contact .w .col02_2 .des {
    padding: 20px 30px 0px
}

.page_contact .w .col02_1 .des .txt01,
.page_contact .w .col02_2 .des .txt01 {
    font-size: 12px;
    line-height: 16px;
    padding-top: 15px
}

.page_contact .w .col02_1 .des .txt01 td,
.page_contact .w .col02_2 .des .txt01 td {
    padding-bottom: 15px
}

.page_contact .w .col02_2 {
    float: right;
    margin-right: 0
}

.page_contact .w .col02_3,
.page_contact .w .col02_4 {
    float: left;
    width: 315px;
    height: 160px;
    margin: 0px 20px 0px 0px;
    padding: 20px 30px;
    background: url(../img/contact/img03.jpg) 0 0 no-repeat;
    position: relative
}

.page_contact .w .col02_3 a,
.page_contact .w .col02_4 a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    text-indent: -9999px;
    overflow: hidden
}

.page_contact .w .col02_3 em {
    display: block;
    width: 28px;
    height: 37px;
    position: absolute
}

.page_contact .w .col02_3 em i {
    display: block;
    width: 28px;
    height: 37px;
    background: url(../img/contact/loc.png) 0 0 no-repeat
}

.page_contact .w .col02_3 em.i01 {
    left: 64px;
    top: 75px;
    animation-delay: 0.3s
}

.page_contact .w .col02_3 em.i01 i {
    opacity: .5;
    filter: alpha(opacity=50)
}

.page_contact .w .col02_3 em.i02 {
    left: 126px;
    top: 59px;
    animation-delay: 0.6s
}

.page_contact .w .col02_3 em.i02 i {
    opacity: .8;
    filter: alpha(opacity=80)
}

.page_contact .w .col02_3 em.i03 {
    left: 221px;
    top: 38px;
    animation-delay: 0.9s
}

.page_contact .w .col02_4 {
    float: right;
    margin-right: 0;
    background: url(../img/contact/img04.jpg) 0 0 no-repeat
}

.page_contact .w .col01 {
    animation-delay: 0s
}

.page_contact .w .col02_1 {
    animation-delay: 0.3s
}

.page_contact .w .col02_2 {
    animation-delay: 0.6s
}

.page_contact .w .col02_3 {
    animation-delay: 0.9s
}

.page_contact .w .col02_4 {
    animation-delay: 1.2s
}

.gallery {
    padding: 50px 0px
}

.gallery_tag {
    width: 100%;
    overflow: hidden;
    padding: 0px 35px
}

.gallery_tag h3 {
    float: left;
    padding-right: 20px
}

.gallery_tag a {
    display: inline-block;
    padding: 0px 7px;
    margin: 0px 10px;
    color: #000;
    font-size: 1.4rem;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.gallery_tag a:hover {
    color: #0071c1;
    border-bottom: 1px solid #0071c1
}

.list_gallery {
    width: 100%;
    overflow: hidden
}

.list_gallery .am-gallery {
    padding: 0px 20px;
    width: 100%;
    overflow: hidden
}

.list_gallery .am-gallery-bordered>li {
    padding: 15px;
    width: 25%;
    float: left
}

.list_gallery .am-gallery-bordered>li .am-gallery-item {
    background: #f0f0f0;
    padding: 10px;
    box-shadow: none;
    border: 1px solid #e1e1e1
}

.list_gallery .am-gallery-bordered>li a.info {
    display: block
}

.list_gallery .am-gallery-bordered>li a.info span.thumb {
    display: block;
    width: 100%;
    max-height: 258px;
    overflow: hidden
}

.list_gallery .am-gallery-bordered>li a.info span.thumb img {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.list_gallery .am-gallery-bordered>li a.info b {
    display: block;
    height: 50px;
    padding: 5px 0px;
    line-height: 20px;
    overflow: hidden;
    color: #000;
    font-weight: normal;
    font-size: 14px
}

.list_gallery .am-gallery-bordered>li a.info:hover span.thumb img {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05)
}

.list_gallery .am-gallery-bordered>li a.info:hover b {
    color: #0071c1
}

.list_gallery .am-gallery-bordered>li .txt {
    display: block;
    height: 40px;
    line-height: 40px
}

.list_gallery .am-gallery-bordered>li .txt a.more {
    display: block;
    float: left;
    width: 50%;
    font-size: 12px;
    color: #0071c1;
    font-style: normal
}

.list_gallery .am-gallery-bordered>li .txt .count {
    display: block;
    float: right;
    width: 50%;
    color: #959595;
    font-size: 12px;
    text-align: right
}

.list_gallery .showMorehandle {
    display: block;
    width: 145px;
    margin: 55px auto 0px;
    height: 45px;
    line-height: 43px;
    text-align: center;
    background: #0071c1;
    color: #fff;
    border: 1px solid #0071c1;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.list_gallery .showMorehandle:hover {
    background: #fff;
    border: 1px solid #0071c1;
    color: #0071c1
}

@media screen and (min-width: 1900px) {
    .list_gallery .am-gallery-bordered>li {
        width: 16.66666%
    }
}

.gallery_d {
    padding: 50px 0px
}

.gallery_slide {
    width: 800px;
    margin: 50px auto 0px
}

.gallery_slide .slick-next,
.gallery_slide .slick-prev {
    width: 42px;
    height: 62px
}

.gallery_slide .slick-next:before,
.gallery_slide .slick-prev:before {
    content: ''
}

.gallery_slide .slick-prev {
    background: url(../img/g_arrow.png) 0px 0px no-repeat #e8e8e8;
    left: -240px
}

.gallery_slide .slick-prev:hover {
    background: url(../img/g_arrow.png) -42px 0px no-repeat #0071c1
}

.gallery_slide .slick-next {
    background: url(../img/g_arrow.png) 0px -62px no-repeat #e8e8e8;
    right: -240px
}

.gallery_slide .slick-next:hover {
    background: url(../img/g_arrow.png) -42px -62px no-repeat #0071c1
}

.gallery_slide .slider-for .slick-slide img {
    width: 100%;
    height: 540px
}

.gallery_slide .slider-for .slick-dots {
    bottom: 0px
}

.gallery_slide .slider-for .slick-dots li button:before {
    color: #fff;
    opacity: .8;
    filter: alpha(opacity=80)
}

.gallery_slide .slider-for .slick-dots li.slick-active button:before {
    color: #0071c1;
    opacity: 1;
    filter: alpha(opacity=100)
}

.gallery_slide .slider-nav .slick-slide {
    opacity: .4;
    filter: alpha(opacity=40);
    margin: 0px 10px;
    border: 2px solid #e1e1e1;
    cursor: pointer
}

.gallery_slide .slider-nav .slick-slide img {
    width: 100%
}

.gallery_slide .slider-nav .slick-current {
    opacity: 1;
    filter: alpha(opacity=100);
    border: 2px solid #0071c1
}

.gallery_txt {
    color: #555;
    font-size: 14px;
    line-height: 25px;
    padding: 20px 0px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8
}

.gallery_link {
    margin: 30px 0px
}

.gallery_link ul {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    text-align: center
}

.gallery_link ul li {
    display: inline-block;
    margin-right: 10px
}

.gallery_link ul li a {
    display: block;
    width: 132px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    background: #dfdfdf;
    color: #000;
    font-size: 14px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.gallery_link ul li a:hover {
    background: #0071c1;
    color: #fff
}

.gallery_related {
    overflow: hidden;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 15px
}

.gallery_related h3 {
    display: block;
    color: #595959
}

.gallery_related ul {
    margin: 0;
    padding: 0;
    width: 1320px;
    overflow: hidden
}

.gallery_related ul li {
    display: block;
    float: left;
    width: 290px;
    margin-right: 40px
}

.gallery_related ul li a {
    display: block;
    width: 100%
}

.gallery_related ul li a span {
    display: block
}

.gallery_related ul li a span.thumb {
    width: 100%;
    height: 290px;
    overflow: hidden
}

.gallery_related ul li a span.thumb img {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.gallery_related ul li a span.txt {
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: left;
    color: #555
}

.gallery_related ul li a:hover span.thumb img {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05)
}

.gallery_related ul li a:hover span.txt {
    color: #0071c1
}

.gallery_message {
    margin-top: 15px
}

.gallery_message h3 {
    display: block;
    color: #595959
}

.gallery_message h3 span {
    display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 40px
}

.gallery_message [class*="am-u"] {
    margin: 0;
    padding: 0
}

.gallery_message .am-form-group {
    margin-bottom: 22px
}

.gallery_message .am-form-group label {
    text-align: left;
    font-size: 14px;
    color: #363636;
    font-weight: normal;
    line-height: 37px
}

.gallery_message .am-form-group input {
    font-size: 14px;
    line-height: 1.5;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.gallery_message .am-form-group .submit {
    margin-left: 10px
}

.gallery_message .am-form-group .checkcode {
    height: 25px;
    margin-top: 2px
}

.pro {
    padding: 50px 0px
}

.pro .in_pro {
    background: #fff;
    padding: 0px 0px 30px
}

.pro .in_pro .list {
    margin: 25px auto;
    width: 1200px
}

.pro .in_pro .list ul li {
    width: 200px
}

.pro .in_pro .list ul li a:hover span {
    background-color: #f5f5f5
}

.list_pro ul {
    margin: 0;
    padding: 0
}

.list_pro ul li {
    display: block;
    background: #f5f5f5
}

.list_pro ul li.sec {
    background: #fff
}

.list_pro ul li a {
    display: block;
    width: 1200px;
    height: 365px;
    margin: 0 auto;
    padding: 25px 0px
}

.list_pro ul li a div {
    display: block
}

.list_pro ul li a div.thumb {
    float: left;
    width: 450px;
    height: 315px;
    overflow: hidden
}

.list_pro ul li a div.thumb img {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.list_pro ul li a div.txt {
    float: right;
    width: 660px;
    height: 315px
}

.list_pro ul li a div.txt b.t {
    display: block;
    font-size: 2.6rem;
    color: #000;
    font-weight: normal;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    border-bottom: 1px solid #dcdcdc;
    margin: 25px 0px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.list_pro ul li a div.txt .des {
    margin: 0;
    padding: 0;
    display: block;
    height: 140px;
    line-height: 28px;
    overflow: hidden;
    color: #555;
    font-size: 1.4rem
}

.list_pro ul li a div.txt i.more {
    display: block;
    width: 114px;
    height: 38px;
    line-height: 38px;
    color: #0071c1;
    margin-top: 20px;
    font-style: normal;
    font-size: 1.2rem;
    font-weight: normal;
    border: 1px solid #0071c1;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.list_pro ul li a:hover div.thumb img {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05)
}

.list_pro ul li a:hover div.txt b.t {
    color: #0071c1
}

.list_pro ul li a:hover div.txt i.more {
    background: #0071c1;
    color: #fff
}

.pro_d {
    padding: 40px 0px;
    overflow: hidden
}

.pro_d .am-nav-tabs {
    border-bottom: none;
    height: 40px;
    margin-left: -14px;
    background: #747474
}

.pro_d .am-nav-tabs>li {
    margin: 0px -10px;
    background: #fff
}

.pro_d .am-nav-tabs>li>a {
    margin: 0;
    padding: 0;
    display: block;
    font-size: 16px;
    color: #0071c1;
    cursor: pointer;
    border: none;
    height: 40px;
    position: relative;
    z-index: 22
}

.pro_d .am-nav-tabs>li>a span {
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    overflow: hidden
}

.pro_d .am-nav-tabs>li>a span.l {
    width: 24px;
    background: url(../img/p_tab.png) 0 -40px no-repeat
}

.pro_d .am-nav-tabs>li>a span.c {
    width: auto;
    padding: 0px 15px;
    background-color: #747474;
    color: #fff
}

.pro_d .am-nav-tabs>li>a span.r {
    width: 24px;
    background: url(../img/p_tab.png) 0 0 no-repeat
}

.pro_d .am-nav-tabs>li span {
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    overflow: hidden
}

.pro_d .am-nav-tabs>li span.left {
    width: 24px;
    background: url(../img/p_tab.png) 0 -40px no-repeat
}

.pro_d .am-nav-tabs>li.am-active>a,
.pro_d .am-nav-tabs>li.am-active>a:focus,
.pro_d .am-nav-tabs>li.am-active>a:hover,
.pro_d .am-nav-tabs>li>a:focus,
.pro_d .am-nav-tabs>li>a:hover {
    background: none;
    border: none
}

.pro_d .am-nav-tabs>li.am-active>a span,
.pro_d .am-nav-tabs>li.am-active>a:focus span,
.pro_d .am-nav-tabs>li.am-active>a:hover span,
.pro_d .am-nav-tabs>li>a:focus span,
.pro_d .am-nav-tabs>li>a:hover span {
    display: block;
    float: left;
    height: 40px
}

.pro_d .am-nav-tabs>li.am-active>a span.l,
.pro_d .am-nav-tabs>li.am-active>a:focus span.l,
.pro_d .am-nav-tabs>li.am-active>a:hover span.l,
.pro_d .am-nav-tabs>li>a:focus span.l,
.pro_d .am-nav-tabs>li>a:hover span.l {
    background: url(../img/p_tab.png) -24px -40px no-repeat
}

.pro_d .am-nav-tabs>li.am-active>a span.c,
.pro_d .am-nav-tabs>li.am-active>a:focus span.c,
.pro_d .am-nav-tabs>li.am-active>a:hover span.c,
.pro_d .am-nav-tabs>li>a:focus span.c,
.pro_d .am-nav-tabs>li>a:hover span.c {
    color: #fff;
    background-color: #0484cf
}

.pro_d .am-nav-tabs>li.am-active>a span.r,
.pro_d .am-nav-tabs>li.am-active>a:focus span.r,
.pro_d .am-nav-tabs>li.am-active>a:hover span.r,
.pro_d .am-nav-tabs>li>a:focus span.r,
.pro_d .am-nav-tabs>li>a:hover span.r {
    background: url(../img/p_tab.png) -24px 0px no-repeat
}

.pro_d .am-tabs-bd {
    border: none
}

.pro_d .am-tabs-bd .am-tab-panel {
    padding: 20px 0px
}

.pro_d_slide {
    width: 600px;
    margin: 0px;
    float: left;
    overflow: hidden
}

.pro_d_slide .slick-next,
.pro_d_slide .slick-prev {
    width: 42px;
    height: 62px;
    z-index: 1009;
    margin-top: -32px;
    opacity: .5;
    filter: alpha(opacity=50)
}

.pro_d_slide .slick-next:before,
.pro_d_slide .slick-prev:before {
    content: ''
}

.pro_d_slide .slick-prev {
    background: url(../img/g_arrow.png) 0px 0px no-repeat #e8e8e8;
    left: 0px
}

.pro_d_slide .slick-prev:hover {
    background: url(../img/g_arrow.png) -42px 0px no-repeat #0071c1
}

.pro_d_slide .slick-next {
    background: url(../img/g_arrow.png) 0px -62px no-repeat #e8e8e8;
    right: 0px
}

.pro_d_slide .slick-next:hover {
    background: url(../img/g_arrow.png) -42px -62px no-repeat #0071c1
}

.pro_d_slide .slider-for {
    margin-bottom: 10px
}

.pro_d_slide .slider-for .slick-slide img {
    width: 100%;
    height: 420px
}

.pro_d_slide .slider-for .slick-dots {
    bottom: 0px
}

.pro_d_slide .slider-for .slick-dots li button:before {
    color: #fff;
    opacity: .8;
    filter: alpha(opacity=80)
}

.pro_d_slide .slider-for .slick-dots li.slick-active button:before {
    color: #0071c1;
    opacity: 1;
    filter: alpha(opacity=100)
}

.pro_d_slide .slider-nav .slick-slide {
    opacity: .4;
    filter: alpha(opacity=40);
    margin: 0px 5px;
    border: 2px solid #e1e1e1;
    cursor: pointer
}

.pro_d_slide .slider-nav .slick-slide img {
    width: 100%;
    height: 87px
}

.pro_d_slide .slider-nav .slick-current {
    opacity: 1;
    filter: alpha(opacity=100);
    border: 2px solid #0071c1
}

.pro_d_txt {
    width: 620px;
    float: right;
    color: #505050;
    line-height: 28px
}

.p_choose {
    font-size: 1.4rem
}

.p_choose h3.t {
    height: 33px;
    border-bottom: 1px solid #0484cf
}

.p_choose h3.t span {
    display: block;
    float: left;
    padding: 0px 75px 0px 15px;
    height: 32px;
    line-height: 29px;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    background: url(../img/p_d_1.jpg) right top no-repeat
}

.p_choose [class*="am-u"] {
    margin: 0;
    padding: 0;
    line-height: 32px
}

.p_choose .am-form-group {
    margin: 0
}

.p_choose .bg01 {
    background-color: #f1f1f1;
    padding-bottom: 10px
}

.p_choose .am-form-horizontal .am-form-label {
    text-align: left
}

.p_choose select,
.p_choose option,
.p_choose input[type=text] {
    font-size: 1.4rem
}

.p_choose [class*=am-u-]+[class*=am-u-]:last-child {
    float: left
}

.p_choose .tal {
    text-align: left
}

.p_choose .t12 {
    line-height: 16px
}

.wechart-open {
    background: #5dc123;
    border: none;
    width: 40px;
    height: 40px;
    padding: 0;
    line-height: 40px;
    text-align: center;
    font-size: 2.5rem;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.qq-open {
    background: #f6bb17;
    border: none;
    width: 40px;
    height: 40px;
    padding: 0;
    line-height: 40px;
    text-align: center;
    font-size: 2.5rem;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

@media only screen and (min-width: 641px) {
    .am-modal-dialog {
        width: auto
    }
}

@media screen and (min-width: 1260px) {
    .p_choose .pr90 {
        padding-right: 90px
    }

    .p_choose .pb01 {
        padding-bottom: 20px
    }

    .p_choose .pl01 {
        padding-left: 10px
    }

    .p_choose .mt01 {
        margin-top: 2px
    }

    .p_choose .td01 {
        width: 137.5px
    }
}

#map01 {
    height: 900px
}

.page_feedback {
    padding: 30px 0px;
    background: url(../img/bg_feedback.jpg) center top no-repeat
}

.page_feedback .in_t {
    color: #fff
}

.page_feedback .in_t i {
    background: #fff
}

.page_feedback .w {
    background: #fff;
    width: 980px;
    margin-top: 30px;
    padding: 30px 0px;
    font-size: 1.4rem;
    color: #666
}

.page_feedback .w .am-form-label {
    margin: 0;
    padding: 0;
    font-weight: normal;
    line-height: 32px
}

.page_feedback .w select,
.page_feedback .w option,
.page_feedback .w textarea,
.page_feedback .w input[type=text],
.page_feedback .w input[type=email] {
    font-size: 1.4rem
}

.page_feedback .w [class*=am-icon-] {
    color: #0071c1
}

.page_feedback .am-icon-2 {
    top: 20px
}

.pro_down {
    text-align: center
}

.pro_down a {
    display: inline-block;
    min-width: 200px;
    padding: 0px 20px;
    height: 40px;
    line-height: 40px
}

.wechart {
    width: 150px;
    height: 170px;
    position: fixed;
    left: 10px;
    bottom: 10px;
    z-index: 100;
    -webkit-box-shadow: 1px 1px 30px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 1px 1px 30px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 30px 0px rgba(0, 0, 0, 0.4)
}

.wechart span.close {
    display: block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url(../img/close.gif) 0 0 no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    right: -8px;
    top: -8px;
}

.wechart span.t {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #fff;
    color: #666;
    font-size: 12px;
}